.user_item {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  max-width: 30%;
  margin-right: 40px;
  margin-bottom: 20px;
  // &:last-child {
  //   margin-right: 0;
  // }
  .top_info {
    cursor: pointer;
    transition: all 0.2s;
    &:hover {
      opacity: 0.8;
    }
    .user_name {
      margin: 10px 0;
      font-size: 20px;
      text-align: center;
    }
  }
  .bottom_hobby {
    width: 300px;
    max-height: 64px;
    overflow: hidden;
    text-align: center;
    .hobby_tag {
      margin-bottom: 10px;
      cursor: pointer;
    }
  }
}
